<template>
	<view class="createTilp">
		<HeaderBar title="创建钱包" showBack fixed />
		<view class="contentBox">
			<view class="banner">
				<image src="/static/images/login/tilpbanner.png" class="icon" mode="widthFix"></image>
			</view>
			<view class="tilpGroup">
				<view class="title">
					谨记以下安全要求:
				</view>
				<view class="tilpItem">
					<view class="icon-box">
						<image src="/static/images/login/ctilp1.png" class="icon" mode="widthFix"></image>
					</view>
					<view class="tilpMsg">
						资产由私钥、助记词控制，一旦泄露，资产可被他人 掌控！不要向任何人透露私钥、助记词，包括我们！
					</view>
				</view>
				<view class="tilpItem">
					<view class="icon-box">
						<image src="/static/images/login/ctilp2.png" class="icon" mode="widthFix"></image>
					</view>
					<view class="tilpMsg">
						请将助记词正确抄写并保存在安全的地方，切勿进行 网络传输或储存！
					</view>
				</view>
				<view class="tilpItem">
					<view class="icon-box">
						<image src="/static/images/login/ctilp3.png" class="icon" mode="widthFix"></image>
					</view>
					<view class="tilpMsg">
						钱包密码仅用于私钥。助记词的加密与解密，钱包密 码只储存在手机上，忘记密码无法找回！
					</view>
				</view>
				<view class="tilpItem">
					<view class="icon-box">
						<image src="/static/images/login/ctilp4.png" class="icon" mode="widthFix"></image>
					</view>
					<view class="tilpMsg">
						请勿对私钥，助记词做截图备份，避免被恶意软件截 取！
					</view>
				</view>
				<view class="btn">
					<view class="" @tap="backupMnemonics">
						我知道了
					</view>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				configStr: ""
			}
		},
		onLoad(options) {
			this.configStr = options.configStr
		},
		methods: {
			backupMnemonics() {
				uni.navigateTo({
					url: `/pages/backupMnemonics/backupMnemonics?configStr=${this.configStr}`
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.createTilp {
		width: 100%;
		height: 100vh;

		.contentBox {
			.banner {
				display: flex;
				justify-content: center;
				margin-top: 50upx;

				.icon {
					width: 688upx;
					height: 346upx;
				}
			}

			.tilpGroup {
				padding: 48upx 34upx 0;

				.title {
					color: #3D3D3D;
					font-size: 26upx;
					font-weight: 400;
				}

				.tilpItem {
					display: flex;
					align-items: center;
					margin-top: 30upx;

					.icon-box {
						width: 60upx;
						height: 60upx;
						display: flex;
						background-color: #F7F6FB;
						border-radius: 30upx;
						align-items: center;
						justify-content: center;

						.icon {
							width: 40upx;
							height: 40upx;
						}
					}

					.tilpMsg {
						flex: 1;
						margin-left: 36upx;
						font-size: 24upx;
						color: #737375;
					}
				}

				.btn {
					font-size: 26upx;
					color: #F6F6F6;
					line-height: 88upx;
					background: linear-gradient(180deg, #A9E993 0%, #368321 100%);
					border-radius: 10upx;
					text-align: center;
					margin-top: 228upx;
				}

			}

		}
	}
</style>